<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich" >

	<ui:composition template="/templates/gerenciamentoLojista2.xhtml" >
		<ui:define name="js">
			<h:outputScript library="js" name="jquery.maskedinput-1.2.2.min.js" target="body" />
			<h:outputScript library="js" name="jquery.maskMoney.min.js" target="body" />
		</ui:define>
		<ui:define name="css">
			<link rel="stylesheet" type="text/css" href="style/folha8.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/styles3.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folha_lojista.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folha_lojista7.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folha_lojista8.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/lojistaoff.css" media="screen" />
			<style type="text/css">
			body {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
			}
			</style>
		</ui:define>
		<ui:define name="mid">
			<h:form id="form04">
				<div class="inside_extrato">
				
				
					<h:panelGroup rendered="#{cadastroLojistaBean.tela01 or cadastroLojistaBean.tela02 or cadastroLojistaBean.tela03 or cadastroLojistaBean.tela04 or cadastroLojistaBean.tela05}" >
					
						<div class="lojista_titulo1_d"></div>
					  	<div class="lojista_titulo1_1_1"></div>
					  	<div class="lojista_titulo1_c"><strong></strong></div>
					  	<div class="numero_text_aba20"> <strong></strong> </div>
					  	<div class="text_aba20"> <strong>Antes de acessar esta tela voçê precisa finalizar seu cadastro. </strong></div>
					  	<div class="line_aba20"></div>
					  	<div class="numero1_text_aba20"></div>
						<div class="text_aba20"><a4j:commandLink action="#{lojistaBean.solicitarCredenciamento}" value="Finalizar Cadastro" render="@form"/></div>
		
					
					</h:panelGroup>
					
					<h:panelGroup rendered="#{cadastroLojistaBean.tela06}" >
					
						<h:panelGroup rendered="#{lojistaGerenciamentoCadastroPrecos.telaVisualizar}" >
						
							<div class="lojista_titulo1aaa"><strong>Cadastrar Preços</strong></div>
						  	<div class="lojista_titulo1_1_1_1"><img src="images/seta.gif" alt="" width="12" height="22" /></div>
						  	<div class="lojista_titulo1_1amaior"><img src="images/6px.gif" alt="," width="6" height="6" />
						  		<h:outputText value="Grade - #{lojistaGerenciamentoCadastroPrecos.parceiro.ramoAtividade.nomeMin}" />
						  	</div>
						  	<div class="lojista_caixa_select2">
						    	<div class="lojista_search_text">Busca por produto</div>
						    	<div class="lojista_search_field2">
						    		<h:inputText value="#{lojistaGerenciamentoCadastroPrecos.nomeProduto}" style="width:160px" />
						    	</div>
						    	<div class="lojista_search_lupa">
						      	</div>
						    	<div class="lojista_search_field2">
						    		<h:selectOneMenu value="#{lojistaGerenciamentoCadastroPrecos.grupoEscolhido}" converter="grupoProdutosConverter" style="width:160px">
				       	    			<f:selectItem itemLabel="Selecione o Grupo" noSelectionOption="true" />
					          			<f:selectItems value="#{lojistaGerenciamentoCadastroPrecos.gruposProdutos}" var="grupo" itemLabel="#{grupo.nome}" itemValue="#{grupo}" />
					          			<f:ajax event="change" listener="#{lojistaGerenciamentoCadastroPrecos.atualizarSubGrupos}" render="subGrupoField" />
					          		</h:selectOneMenu>
						    	</div>
						    	<div class="lojista_search_lupa">
						    	</div>
						    	<div class="lojista_search_field2">
						    		<h:selectOneMenu id="subGrupoField" value="#{lojistaGerenciamentoCadastroPrecos.subGrupoEscolhido}" converter="subGrupoProdutosConverter" style="width:160px">
				       	    			<f:selectItem itemLabel="Selecione o SubGrupo" noSelectionOption="true" />
					          			<f:selectItems value="#{lojistaGerenciamentoCadastroPrecos.subGrupoProdutos}" var="subgrupo" itemLabel="#{subgrupo.nome}" itemValue="#{subgrupo}" />
					          		</h:selectOneMenu>
						    	</div>
						    	<div class="lojista_search_lupa"> 
						    		<a4j:commandLink action="#{lojistaGerenciamentoCadastroPrecos.buscarPrecos}" execute="@form" render="@all">
						    			<img src="images/lupa.gif" alt="" width="22" height="22" />
						    		</a4j:commandLink>
						    	</div>
						  	</div>
						  	<div class="lojista_caixa_grade2">
					    		<h:panelGrid columns="2">
						    		<h:inputText value="#{lojistaGerenciamentoCadastroPrecos.valorDesconto}" style="width:50px" />
						    		<a4j:commandLink value="Atualizar % desconto" action="#{lojistaGerenciamentoCadastroPrecos.alterarDesconto}" execute="@form" render="@all"/>
					    		</h:panelGrid>
						  	</div>
						  	
						  	<div class="lojista_caixa_conteiner2">
						    	<div class="lojista_col1c" align="center">
							    	<h:selectBooleanCheckbox style="margin-top: 9px;">
							    		<f:ajax event="change" listener="#{lojistaGerenciamentoCadastroPrecos.marcarTodos}" execute="@this" render="@all" />
							    	</h:selectBooleanCheckbox>
						    	</div>
						    	<div class="lojista_col2c"><img src="images/11px.gif" alt="" width="11" height="11" />Descrição do produto</div>
						    	<div class="lojista_col3" align="center">Preço (R$)</div>
						    	<div class="lojista_col4" align="center">Desc.</div>
						    	<div class="lojista_col5" align="center">USACARD PRÉ</div>
						    	<div class="lojista_col6" align="center">Data última alteração</div>
						    	<div class="lojista_col6" align="center">Validade da oferta</div>
						    	<div class="lojista_col4" align="center">Editar</div>
						    	<div class="lojista_col7" align="center">Histórico</div>
						    	
						    	<a4j:repeat value="#{lojistaGerenciamentoCadastroPrecos.gradeProdutos}" var="gp" >
						    	
						    		<h:panelGroup rendered="#{!gp.impar}">
								    	<div class="lojista_col1a1" align="center">
								    		<h:selectBooleanCheckbox value="#{gp.selecionado}" />
								    	</div>
								    	<div class="lojista_col2a2"><img src="images/11px.gif" alt="" width="11" height="11" />
								    		<h:outputText value="#{gp.produtos.nomeMin}" title="#{gp.produtos.nome}" />
								    	</div>
								    	<div class="lojista_col3a" align="center">
								    		<h:outputText value="#{gp.valor}" >
								    			<f:convertNumber type="currency"/>
								    		</h:outputText>
								    	</div>
								   		<div class="lojista_col4a" align="center">
								   			<h:outputText value="#{gp.desconto}" />
								   			<h:outputText value="% " rendered="#{gp.desconto != null}"/>
								   		</div>
								    	<div class="lojista_col5a" align="center">
								    		<h:outputText value="#{gp.preco}" >
								    			<f:convertNumber type="currency"/>
								    		</h:outputText>
								    	</div>
								    	<div class="lojista_col6a" align="center">
								    		<h:outputText value="#{gp.dataDia}" >
								    			<f:convertDateTime pattern="dd/MM/yyyy" />
								    		</h:outputText>
								    	</div>
								    	<div class="lojista_col6a" align="center">
								    		<h:outputText value="#{gp.dataFim}" >
								    			<f:convertDateTime pattern="dd/MM/yyyy" />
								    		</h:outputText>
								    	</div>
								    	<div class="lojista_col4a" align="center">
								    		<a4j:commandLink action="#{lojistaGerenciamentoCadastroPrecos.editarProduto}" execute="@this" render="@all" >
							                    <img src="images/lapis_fundo_cinza.jpg" alt="Editar Preços" width="15" height="18" />
							                    <f:setPropertyActionListener target="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado}" value="#{gp}" />
							                </a4j:commandLink>	
								    	</div>
								    	<div class="lojista_col7a" align="center">
								    		<a4j:commandLink action="#{lojistaGerenciamentoCadastroPrecos.visualizarAlteracao}" execute="@this" render="@all">
								    			<img src="images/historico_fundo_cinza.jpg" alt="" width="22" height="18" />
								    			<f:setPropertyActionListener target="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado}" value="#{gp}" />
								    		</a4j:commandLink>
								    	</div>
							    	</h:panelGroup>
							    	<h:panelGroup rendered="#{gp.impar}">
								    	<div class="lojista_col1b1" align="center">
								    		<h:selectBooleanCheckbox value="#{gp.selecionado}" />
								    	</div>
								    	<div class="lojista_col2b2"><img src="images/11px.gif" alt="" width="11" height="11" />
								    		<h:outputText value="#{gp.produtos.nomeMin}" title="#{gp.produtos.nome}" />
								    	</div>
								    	<div class="lojista_col3b" align="center">
								    		<h:outputText value="#{gp.valor}" >
								    			<f:convertNumber type="currency"/>
								    		</h:outputText>
								    	</div>
								    	<div class="lojista_col4b" align="center">
								    		<h:outputText value="#{gp.desconto}" />
								    		<h:outputText value="% " rendered="#{gp.desconto != null}"/>
								    	</div>
								    	<div class="lojista_col5b" align="center">
								    		<h:outputText value="#{gp.preco}" >
								    			<f:convertNumber type="currency"/>
								    		</h:outputText>
								    	</div>
								    	<div class="lojista_col6b" align="center">
								    		<h:outputText value="#{gp.dataDia}" >
								    			<f:convertDateTime pattern="dd/MM/yyyy" />
								    		</h:outputText>
								    	</div>
								    	<div class="lojista_col6b" align="center">
								    		<h:outputText value="#{gp.dataFim}" >
								    			<f:convertDateTime pattern="dd/MM/yyyy" />
								    		</h:outputText>
								    	</div>
								    	<div class="lojista_col4b" align="center">
								    		<a4j:commandLink action="#{lojistaGerenciamentoCadastroPrecos.editarProduto}" execute="@this" render="@all" >
								    			<f:setPropertyActionListener target="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado}" value="#{gp}" />
							                    <img src="images/lapis_fundo_cinza.jpg" alt="Editar Preços" width="15" height="18" />
							                </a4j:commandLink>	
								    	</div>
								    	<div class="lojista_col7b" align="center">
								    		<a4j:commandLink action="#{lojistaGerenciamentoCadastroPrecos.visualizarAlteracao}" execute="@this" render="@all">
								    			<f:setPropertyActionListener target="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado}" value="#{gp}" />
								    			<img src="images/historico_fundo_cinza.jpg" width="22" height="18" />
								    		</a4j:commandLink>
								    	</div>
						  			</h:panelGroup>
						  
						  		</a4j:repeat>
						  
						    	<p>&nbsp;</p>
						   	 	<div class="inside_rodape_ranking2">
						   	 		
						   	 	</div>
						  	</div>
						  	
						</h:panelGroup>
						<h:panelGroup rendered="#{lojistaGerenciamentoCadastroPrecos.telaEditar}" >
						
							<div class="lojista_titulo1aaa"><strong>Cadastrar Descontos</strong></div>
						  	<div class="lojista_titulo1_1_1_1"><img src="images/seta.gif" alt="" width="12" height="22" /></div>
						  	<div class="lojista_titulo1_1a"><img src="images/6px.gif" alt="," width="6" height="6" />Editar Preço</div>
					      	<div class="box1_popup1">
						        <div class="box_novonome">Nome do produto:</div>
						        <div class="box1_camponome">
					          		<h:outputText value="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.produtos.nome} - #{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.produtos.unidade}" />
					        	</div>
					        	<div class="box_novoespaco"></div>
						        <div class="box1_campo1a">Preço normal</div>
						        <div class="box1_campo1a">% desconto</div>
						        <div class="box1_campo1a">Preço c/ desconto</div>
						        <div class="box_novoespaco"></div>
						        <div class="box_novoespaco"></div>
						        
						        <div class="box1_campo32">R$
						          	<h:inputText id="valorNormal" value="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.valor}" style="width:65px"
						          		title="não usar pontos, somente virgulas">
						          		<f:ajax event="change" listener="#{lojistaGerenciamentoCadastroPrecos.atualizaPrecoNormal}" />	
					        			<f:convertNumber maxFractionDigits="2" minFractionDigits="2" locale="pt_BR"  />
					        		</h:inputText>
						        </div>
						        
						        <div class="box1_campo3b">
						          	<h:inputText id="campoDesconto" value="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.desconto}" style="width:45px" 
						          		title="não usar pontos, somente virgulas" >
						          		<f:ajax event="change" listener="#{lojistaGerenciamentoCadastroPrecos.atualizaPrecoFinal}" render="campoPreco" />
						          		<f:convertNumber maxFractionDigits="2" minFractionDigits="2" locale="pt_BR"  />
						          	</h:inputText>%
						        </div>
						        
						        <div class="box1_campo32">R$
						          	<h:inputText id="campoPreco" value="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.preco}" style="width:55px" 
						          		title="não usar pontos, somente virgulas">
					          			<f:ajax event="change" listener="#{lojistaGerenciamentoCadastroPrecos.atualizaPercentualDesconto}" render="campoDesconto" />
					          			<f:convertNumber maxFractionDigits="2" minFractionDigits="2" locale="pt_BR" />
					        		</h:inputText>
						        </div>
						        
						        <div class="box1_campo4b12">Início da oferta:</div>
						        <div class="box1_campo4b">
						        	<a4j:outputPanel layout="block">
							        	<rich:calendar id="dataini" value="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.dataInicio}" popup="true"
							        		cellWidth="24px" cellHeight="22px" datePattern="dd/MM/yyyy" showApplyButton="false" enableManualInput="true" >
							        	</rich:calendar>
					        		</a4j:outputPanel>
					        		<rich:jQuery selector="#form04\:datainiInputDate" query="mask('99/99/9999')" timing="domready" />
						        </div>
						        <div class="box1_campo4b"></div>
						        <div class="box1_campo4b12">Validade da oferta:</div>
						        <div class="box1_campo4b">
						        	<a4j:outputPanel layout="block">
							        	<rich:calendar id="datafim" value="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.dataFim}" popup="true"
							        		cellWidth="24px" cellHeight="22px" datePattern="dd/MM/yyyy" showApplyButton="false" enableManualInput="true" >
							        	</rich:calendar>
					        		</a4j:outputPanel>
					        		<rich:jQuery selector="#form04\:datafimInputDate" query="mask('99/99/9999')" timing="domready" />
						        </div>
						        <div class="box1_campo4a1">Quantidade por cliente:</div>
						        <div class="box1_campo3d">
						          	<h:inputText value="#{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.qtdadeMaxima}" style="width:40px" >
						          		<f:convertNumber integerOnly="true" locale="pt_BR" />
						          	</h:inputText>
						        </div>
					        
					        
					        <div class="box1_campo5amsg" align="center">
					         	<rich:messages id="msgAviso" ajaxRendered="true" />
					        </div>
					        <div class="box1_campo5a" align="right">
					        	<a4j:commandLink action="#{lojistaGerenciamentoCadastroPrecos.voltar}" execute="none" render="@all">
				        			<img src="images/botaovoltar_verde2.gif" alt="" width="58" height="20"  />
				        		</a4j:commandLink>
				        		<a4j:commandLink action="#{lojistaGerenciamentoCadastroPrecos.cadastrarNovoPreco}" execute="@form" render="@all">
				        			<img src="images/salvar_verde2.jpg" alt="" width="58" height="20" />
				        		</a4j:commandLink>
					        </div>
					      </div>

						
						</h:panelGroup>
						
						<h:panelGroup rendered="#{lojistaGerenciamentoCadastroPrecos.telaHistorico}" >
						
							<div class="lojista_titulo1aaa"><strong>Histórico</strong></div>
						  	<div class="lojista_titulo1_1_1_1"><img src="images/seta.gif" alt="" width="12" height="22" /></div>
						  	<div class="lojista_titulo1_1a"><img src="images/6px.gif" alt="," width="6" height="6" /></div>
						  	<div class="lojista_caixa_conteiner2">
					      		<div class="lojista_col" align="center">
					      			<h:outputText value="Grade - #{lojistaGerenciamentoCadastroPrecos.gradeProdutoSelecionado.produtos.nome}" />
					      		</div>
					      		<div class="lojista_cont" align="center">
					      	  		<table width="100%" border="0" cellspacing="1" cellpadding="0">
					      	    		<tr>
					      	      			<td width="14%" height="31" align="center" bgcolor="#B5DFC9" id="texto_verde_12px">Preço (R$)</td>
					      	      			<td width="10%" align="center" bgcolor="#B5DFC9" id="texto_verde_12px">Desc.</td>
							      	      	<td width="14%" align="center" bgcolor="#B5DFC9" id="texto_verde_12px">USA Card Pré</td>
							      	     	<td width="20%" align="center" bgcolor="#B5DFC9" id="texto_verde_12px">Data alteração</td>
							      	      	<td width="15%" align="center" bgcolor="#B5DFC9" id="texto_verde_12px">Início da oferta</td>
							      	      	<td width="17%" align="center" bgcolor="#B5DFC9" id="texto_verde_12px">Validade da oferta</td>
					   	        		</tr>
					   	        		
					   	        		<a4j:repeat value="#{lojistaGerenciamentoCadastroPrecos.historico}" var="grade" >
						      	    		
						      	    		<h:panelGroup rendered="#{!grade.impar}">
							      	    		<tr>
							      	      			<td align="center" bgcolor="#F5F5F5" id="texto_verde_12px">
							      	      				<h:outputText value="#{grade.valor}" >
											    			<f:convertNumber type="currency"/>
											    		</h:outputText>
							      	      			</td>
							      	      			<td align="center" bgcolor="#F5F5F5" id="texto_verde_12px">
							      	      				<h:outputText value="#{grade.desconto}%" />
							      	      			</td>
						      	      				<td align="center" bgcolor="#F5F5F5" id="texto_verde_12px">
						      	      					<h:outputText value="#{grade.preco}" >
											    			<f:convertNumber type="currency"/>
											    		</h:outputText>
						      	      				</td>
							      	      			<td align="center" bgcolor="#F5F5F5" id="texto_verde_12px">
							      	      				<h:outputText value="#{grade.dataDia}" >
											    			<f:convertDateTime pattern="dd/MM/yyyy" />
											    		</h:outputText>
							      	      			</td>
							      	      			<td align="center" bgcolor="#F5F5F5" id="texto_verde_12px">
							      	      				<h:outputText value="#{grade.dataInicio}" >
											    			<f:convertDateTime pattern="dd/MM/yyyy" />
											    		</h:outputText>
							      	      			</td>
							      	      			<td align="center" bgcolor="#F5F5F5" id="texto_verde_12px">
							      	      				<h:outputText value="#{grade.dataFim}" >
											    			<f:convertDateTime pattern="dd/MM/yyyy" />
											    		</h:outputText>
							      	      			</td>
							   	        		</tr>
						   	        		</h:panelGroup>
						      	    		<h:panelGroup rendered="#{grade.impar}">
							      	    		<tr>
							      	      			<td align="center" bgcolor="#D7EFE2" id="texto_verde_12px">
							      	      				<h:outputText value="#{grade.valor}" >
											    			<f:convertNumber type="currency"/>
											    		</h:outputText>
											    	</td>
							      	      			<td align="center" bgcolor="#D7EFE2" id="texto_verde_12px"><h:outputText value="#{grade.desconto}%" /></td>
							      	     	 		<td align="center" bgcolor="#D7EFE2" id="texto_verde_12px">
							      	     	 			<h:outputText value="#{grade.preco}" >
											    			<f:convertNumber type="currency"/>
											    		</h:outputText>
											    	</td>
							      	      			<td align="center" bgcolor="#D7EFE2" id="texto_verde_12px">
							      	      				<h:outputText value="#{grade.dataDia}" >
											    			<f:convertDateTime pattern="dd/MM/yyyy" />
											    		</h:outputText>
											    	</td>
							      	      			<td align="center" bgcolor="#D7EFE2" id="texto_verde_12px">
							      	      				<h:outputText value="#{grade.dataInicio}" >
											    			<f:convertDateTime pattern="dd/MM/yyyy" />
											    		</h:outputText>
											    	</td>
						      	      				<td align="center" bgcolor="#D7EFE2" id="texto_verde_12px">
						      	      					<h:outputText value="#{grade.dataFim}" >
											    			<f:convertDateTime pattern="dd/MM/yyyy" />
											    		</h:outputText>
											    	</td>
							   	        		</tr>
							   	        	</h:panelGroup>	
					      	    		</a4j:repeat>
					   	      		</table>
					      		</div>
					      		<div class="inside_rodape_ranking2"></div>
					      		<div class="inside_rodape_ranking3" align="right">
					      			<a4j:commandLink action="#{lojistaGerenciamentoCadastroPrecos.voltar}" execute="none" render="@all">
					        			<img src="images/botaovoltar_verde.jpg" alt="" width="50" height="20"  />
					        		</a4j:commandLink>
					      		</div>
					      	</div>

						
						</h:panelGroup>
						
					</h:panelGroup>
				
				</div>
	        
			</h:form>
			
		</ui:define>
	</ui:composition>

</html>